<{include file="layouts/header.htm" index='index'}>
<script src="/skin/front/default/js/html5zoo.js"></script>
<script src="/skin/front/default/js/lovelygallery.js"></script>
    <!--幻灯-->
    <div class="mainbox">
        <div class="mainbanner">
            <div class="pics_wrap">
                <div id="html5zoo-1">
            	<ul class="html5zoo-slides" style="display: none;">
                    
                    <{foreach from=$adItems item=banner}>
                    	<li>
                    		<a href="<{$banner->link}>" title="<{$banner->name}>">
                    			<img src="<{$banner->content}>" />
                    		</a>
                    	</li>
                   <{/foreach}>
                    </ul>
                </div>
                
            </div>
        </div>
    </div>
    
    
    <!--关于我们-->
    <div class="mainbox">
        <div class="bdw">
            <div class="aboutbox font-yahei">
                <div class="about">
                    <div class="abouttit">Company dynamics</div>
                    <div class="abouttxt">
                        <div class="scrolllist" id="likeymk">
                            
                            <div class="imglist_w detwbxprlist">
                                <ul class="imglist">

                              <{query name='article' order='id desc' where="site_id=$__siteID and cat_id=5" limit="5" fields="id,title,cat_id,flags,clicked,created,content" }>
                                    <li>
                                    	<a href="<{url path='article/show' id=$item->id}>"><{$item->content|cn_truncate:300}></a>
                                    </li>
							 <{/query}>

                                </ul>
                            </div>
                            <div class="aboutmorel">
                                <a class="abtn aleft abtnt detwbxprbxjt" href="#left" title="left move"></a>
                                <a class="abtn aright abtnt detwbxprbxjt detwbxprbxjtr" href="#right" title="right move"></a>
                            </div>  
                        </div>
                        <script src="/skin/front/default/js/zpslider.js"></script>
                        <script type="text/javascript">
                            $(function () {
                                //默认状态下左右滚动
                                $("#likeymk").xslider({
                                    unitdisplayed: 1,
                                    movelength: 1,
                                    unitlen: 293,
                                    autoscroll: 3000
                                });
                            })
                        </script>
                    </div>
                    <div class="aboutmore">                      
                        <div class="aboutmorer"><a href="<{url path='article' cid=5}>">More></a></div>
                    </div>
                </div>
                <div class="aboutr">
                    <div class="aboutnew">
                        <div class="aboutnt">
                            <div class="aboutntna">Industry information</div>
                            <div class="aboutntmore"><a href="<{url path='article' cid=6}>">More></a></div>
                        </div>
                        <div class="aboutnlist">
                            <ul>
                              <{query name='article' order='id desc' where="site_id=$__siteID and cat_id=6" limit="5" fields="id,title,cat_id,flags,clicked,created" }>
                               	 <li class="ovhidden"><span><{$item->created|format_date:'Y-m-d'}></span><a title="<{$item->title}>" href="<{url path='article/show' id=$item->id}>"><{$item->title|cn_truncate:16}></a></li>
                              <{/query}>
                            </ul>
                        </div>
                    </div>
                    <div class="aboutinfo">
                        <{query name='help' order='id desc' where="id=39" limit="5" fields="*" }>
                        <div class="aboutinfot">
                            <div class="aboutntna">Company profile</div>
                            <div class="aboutntmore"><a href="<{url path='page' id=$item->id}>">More></a></div>
                        </div>
                        <div class="aboutinfotxt">
                            <div class="aboutimg"><img src="<{img pic=$item->banner w=375 h=114}>" /></div>
                            <div class="aboutinform"><a href="<{url path='page' id=$item->id}>"><{$item->content|cn_truncate:56}></a></div>
                        </div>
                        <{/query}>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!--产品中心-->
    <div class="mainbox">
        <div class="mainproduct font-yahei">
            <div class="mainprotit">
                <div class="bdw">
                    <div class="mainprotitna">Products</div>
                    <div class="mainprotxt">Seize every process and make every product perfect</div>
                    <div class="mainpromore"><a href="<{url path='product' cid=18}>">More></a></div>
                </div>
            </div>

            <div class="mainprobox">
                <div class="bdw">
                    <div class="mainprolist">
                        <ul>
                        	<{foreach from=$productItems item=item key=key}>
                            <li <{if $key%4>0}>class="marginleft26"<{/if}>>
                                <div class="mainproimg"><a href="<{url path='product/show' id=$item->goods_id}>"><img src="<{img pic=$item->goods_img w=260 h=185}>" alt="<{$item->goods_name}>" title="<{$item->goods_name}>" /></a></div>
                                <div class="mainprona ovhidden"><a href="<{url path='product/show' id=$item->goods_id}>"><{$item->goods_name}></a></div>
                                <div class="mainprolink"><a href="<{url path='product/show' id=$item->goods_id}>"></a></div>
                            </li>
                            <{/foreach}>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
<{include file="layouts/footer.htm"}>
<script src="/skin/front/default/js/storeslide/superslide.js"></script>
<script type="text/javascript">
    /*首页幻灯*/
    jQuery(".fullSlide").hover(function () {
        jQuery(this).find(".prev,.next").stop(true, true).fadeTo("show", 0.5)
    }, function () {
        jQuery(this).find(".prev,.next").fadeOut()
    });
    jQuery(".fullSlide").slide({
        titCell: ".hd ul",
        mainCell: ".bd ul",
        effect: "fold",
        autoPlay: true,
        autoPage: true,
        trigger: "click",
        startFun: function (i) {
            var curLi = jQuery(".fullSlide .bd li").eq(i);
            if (!!curLi.attr("_src")) {
                curLi.css("background-image", curLi.attr("_src")).removeAttr("_src")
            }
        }
    });
</script>